
<! DOCTYPE html>
<head>
<title>神秘学生</title>
</br>
<div id=aaa>
<ul>
<li><a href="#Sign in">登录</a></li>
<li><a href="#register">注册</a></li>
</ul>
</div>
<link rel="stylesheet" href="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="fly.css" rel="stylesheet" type="text/css">
<meta  charset="utf-8"> 
</meta>
</head>
<body>
<p>"项目二：班级-姓名(神秘学生)-学号"</p>
<img src="imagine/123.gif"width="200"height="270"><img src="imagine/555.gif"><img src="imagine/333.gif"width="300"height="270"><img src="imagine/222.gif"><img src="imagine/666.gif"><img src="imagine/111.gif"width="270"height="270">
<div id="NAV">
<ul>
  <li><a href="index.html">主页</a ></li>
  <li><a href="http://news.sohu.com">新闻</a ></li>
  <li><a href="contact.html">联系</a ></li>
  <li><a class="Active" href="about.html">关于</a ></li>
  <li><a href="http://news.taobao.com">淘宝热搜</a ></li>
</ul>
</div>

<pre>急急如意令</pre>
<div id="Container">外框
<div id="Header">
 <p> 页面头部</P>

 </div>
<div id="MainBody">
主体内容:<em>hello,everybody,welcome to my world!</em>
<div id="myCarousel" class="carousel slide">
	<!-- 轮播（Carousel）指标 -->
	<ol class="carousel-indicators">
		<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
		<li data-target="#myCarousel" data-slide-to="1"></li>
		<li data-target="#myCarousel" data-slide-to="2"></li>
	</ol>   
	<!-- 轮播（Carousel）项目 -->
	<div class="carousel-inner">
		<div class="item active">
			<img src="imagine/112.jpg" alt="First slide">
		</div>
		<div class="item">
			<img src="imagine/445.jpg" alt="Second slide">
		</div>
		<div class="item">
			<img src="imagine/asd.jpg" alt="Third slide">
		</div>
	</div>
	<!-- 轮播（Carousel）导航 -->
	<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
		<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
		<span class="sr-only">Previous</span>
	</a>
	<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
		<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
		<span class="sr-only">Next</span>
	</a>
</div>
</br>
</div>
<div id="sideBar">
侧边栏
<img src="imagine/ddd.jpg"width="460"height="600">
</div>
<div id=PageBody> 
边框
<img src="imagine/aaa.jpg"width="600"height="593">
</div>
<div id="Footer">
页脚
</div>
<div>
</br>
<div id=bbb>
<h2>神秘学生的分页</h2>
<ul class="pagination">
  <li><a href="#">«</a></li>
  <li><a href="#">1</a></li>
  <li><a class="active" href="#">2</a></li>
  <li><a href="#">3</a></li>
  <li><a href="#">4</a></li>
  <li><a href="#">5</a></li>
  <li><a href="#">6</a></li>
  <li><a href="#">7</a></li>
  <li><a href="#">»</a></li>
</ul>
</div>
</div>
</body>
</html>